<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="${_response_encoding}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}">
        #{get 'moreStyles' /}
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/bootstrap/css/bootstrap.min.css'}">
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/econsa-logo1.png'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery-ui-1.10.3.custom/css/start/jquery-ui-1.10.3.custom.css'}">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery-ui-1.10.3.custom/css/start/jquery-ui-1.10.3.custom.min.css'}">
        
        <script src="@{'/public/javascripts/jquery-1.10.1.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        #{get 'moreScripts' /}
        <script src="@{'/public/javascripts/bootstrap/bootstrap.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        <script src="@{'/public/stylesheets/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
		
		     
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/ui.jqgrid.css'}">
		
	</head>
    <script type="text/javascript">
        var userData;

        var getUser = function () {
            $.ajax({
                dataType: "json",
                type: 'GET',
                data: '',
                async: false,
                url: "/currentUser",
                success: function (data) {
                    userData = data;
                }
            });
        }

        $(document).ready(function(){
            var today = new Date();
            var pathname = window.location.pathname;
            var url = pathname.substring(1,15)
            getUser();
            $("#user-info-name").html(userData.nombre);
            $("#user-info-date").html(today.toLocaleDateString());
			if (userData.rolId == 2) {
				$("#menu-usuario").remove();
            };
            if (userData.rolId == 3) {
				$("#menu-usuario").remove();
                $("#menu-estrategico").remove();
                $("#collapseTwo").addClass("in");
            };
            if (url == "reporteTactico") {
                $("#collapseTwo").addClass("in");
                $("#collapseOne").removeClass("in");
            };
        });
    </script>
    <body>
        <div class="main-header ">
            <div class="navbar navbar-fixed-top">
              <div class="navbar-inner">
                <div class="container-fluid">
                    <div class="row-fluid">
                        <div class="span3">
                            <img src="/public/images/econsa-logo1.png" style = "width: 175px;margin: 6px auto;" >
                        </div>
                        <div class="span6">
                            <h4 style="text-align: center;">Sistema de Informacion Gerencial de Cotizacion de Proyectos de Construcción para Econsa Constructores S.A. de C.V.</h4>
                        </div>
                        <div class="span3">
                            <div class="muted">Fecha: <strong><span id="user-info-date"></span></strong></div>
                            <div class="muted">Usuario: <strong><span id="user-info-name"></span></strong></div>
                            <div class="muted"><a href="/logOut">Cerar Sesión</a></div>
                        </div>
                    </div>
                </div>
              </div>
            </div>
        </div>
        <div class="container-fluid" style="position: relative;margin-top: 90px;">
            <div class="row-fluid">

                <div class="span3">
                    <div class="accordion" id="accordion2">
                        
                        <div class="accordion-group">
                            <div class="accordion-heading nav-header">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                                Reportes Tácticos </a>
                            </div>
                            <div id="collapseTwo" class="accordion-body collapse">
                                <div data-spy="scroll" class="accordion-inner">
                                      <ul class="nav nav-list">
                                        <li><a href="/reporteTactico1">Cantidad de Solicitudas Recibidas por Ubicación</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteTactico2">Cantidad de Solicitudas Recibidas segun tipo de Servico</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteTactico3">Comparitivo de Solicitudes Relizades </a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteTactico4">Avance de proyectos con mayor ingreso</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteTactico5">Cantidad de Cotizaciones Aceptadas por el Cliete</a></li>
                                        <li class="divider"></li> 
                                        <li><a href="/reporteTactico6">Cotizaciones Aceptadas vrs Rechazadas</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteTactico7">Cotizaciones en Espera de Respuesta del Cliente</a></li>     
                                     </ul>
                                </div>
                            </div>
                        </div>
                        <div class="accordion-group" id="menu-estrategico">
                            <div class="accordion-heading nav-header">
                                <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
                                Reportes Estrategicos </a>
                            </div>
                            <div id="collapseOne" class="accordion-body collapse in">
                                <div class="accordion-inner">
                                     <ul class="nav nav-list">
                                        <li><a href="/reporteEstrategico1">Comparativo de cantidad de solicitudes recibidas segun tipo de servicio y ubicacion geografica</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteEstrategico2">Proyectos con mayor ingreso</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteEstrategico3">Ingreso por venta de cada empleado</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteEstrategico4">Clientes con mas proyectos</a></li>
                                        <li class="divider"></li>
                                        <li><a href="/reporteEstrategico5">Comparativo de proyectos finalizados mes vrs mes</a></li>     
                                     </ul>
                                </div>
                            </div>
                        </div>
						<div class="accordion-group" id="menu-usuario">
                            <div class="accordion-heading nav-header">
                                <a class="accordion-toggle" href="/admin">
                                Usuarios </a>
                            </div>
						</div>
                    </div>
                </div>

                <div class="span9 main-right">
                        #{doLayout /}
                </div>
            </div>
        </div>        

        <footer class="footer">
            <div class="container">
                  <p>Econsa Constructores S.A. DE C.V</p>
                  <p>Universidad de El Salvador 2013, copyright © </p>
            </div>
        </footer>
		 
    </body>
</html>
